<template>
  <div class="banner-box">
    <p>独角兽FMB火爆预售中</p>
    <img src="../../assets/imgs/bg.gif" alt="">
  </div>
</template>
<script setup>
import { ref, reactive } from 'vue'

</script>

<style scoped lang='scss'>
.banner-box {
  height: 20rem;
  width: 100%;
  p {
    position: absolute;
    left: 0;
    right: 0;
    margin: 3.2812rem auto;
    text-align: center;
    width: 100%;
    font-size: 1.5625rem;
    letter-spacing: 0.1562rem;
    color: #fff;
  }
  img {
    width: 100%;
    height: 100%;
  }
}
</style>